<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%--
  Created by IntelliJ IDEA.
  User: haocongshun
  Date: 2016/10/14
  Time: 15:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>黑色Html5响应式个人博客模板――主题《如影随形》</title>
    <meta name="keywords" content="个人博客模板,博客模板,响应式" />
    <meta name="description" content="如影随形主题的个人博客模板，神秘、俏皮。" />
    <link href="${CTPATH}/css/base.css" rel="stylesheet">
    <link href="${CTPATH}/css/index.css" rel="stylesheet">
    <link href="${CTPATH}/css/style.css" rel="stylesheet">
    <link href="${CTPATH}/css/media.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    <!--[if lt IE 9]>
    <script src="${CTPATH}/js/modernizr.js"></script>
    <![endif]-->
</head>
<body>
<div class="ibody">
    <header>
        <h1>如影随形</h1>
        <h2>影子是一个会撒谎的精灵，它在虚空中流浪和等待被发现之间;在存在与不存在之间....</h2>
        <div class="logo"><a href="/"></a></div>
        <nav id="topnav">
            <a href="${URLIndex}">首页</a>
            <a href="${URLUser}">关于我</a>
            <c:forEach items="${menus}" var="menu">
                <a href="${menu.url}">${menu.title}</a>
            </c:forEach>
        </nav>
    </header>
    <article>
        <div class="banner">
            <ul class="texts">
                <p>The best life is use of willing attitude, a happy-go-lucky life. </p>
                <p>最好的生活是用心甘情愿的态度，过随遇而安的生活。</p>
            </ul>
        </div>
        <div class="bloglist">
            <h2>
                <p><span>推荐</span>文章</p>
            </h2>
            <c:forEach var="content" items="${contents}">
                <div class="blogs">
                    <h3><a href="${content.url}">${content.title}</a></h3>
                    <figure><img src="${content.thumbnail}" ></figure>
                    <ul>
                        ${content.summary}
                        <a href="${content.url}" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
                    </ul>
                    <p class="autor">
                        <span>作者：${content.author}</span>
                        <span>分类：
                             <c:forEach var="taxonomy" items="${content.taxonomys}">
                                 【<a href="${taxonomy.key}">${taxonomy.value}</a>】
                             </c:forEach>
                        </span>
                        <span>浏览（<a href="/">${content.watched}</a>）</span>
                    </p>
                    <div class="dateview">${fn:substring(content.createDate,0,10)}</div>
                </div>
            </c:forEach>
            <div class="page">
                <c:forEach items="${pages}" var="page">
                    <c:if test="${page.status eq 'active'}">
                        <b>${page.num}</b>
                    </c:if>
                    <c:if test="${empty page.status}">
                        <a href="${page.url}" class="${page.status}">${page.num}</a>
                    </c:if>
                </c:forEach>
            </div>
        </div>
    </article>
    <aside>
        <div class="avatar"><a href="${URLUser}" style="background: url(${blogOwner.avatar}); "><span>关于我</span></a></div>
        <div class="topspaceinfo">
            <h1>执子之手，与子偕老</h1>
            <p>于千万人之中，我遇见了我所遇见的人....</p>
        </div>
        <div class="about_c">
            <p>网名：DanceSmile | 即步非烟</p>
            <p>职业：Web前端设计师、网页设计 </p>
            <p>籍贯：四川省―成都市</p>
            <p>电话：13662012345</p>
            <p>邮箱：dancesmiling@qq.com</p>
        </div>
        <div class="bdsharebuttonbox"><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_more" data-cmd="more"></a></div>
        <div class="tj_news">
            <h2>
                <p class="tj_t1">最新文章</p>
            </h2>
            <ul>
                <c:forEach items="${contentsRecommend}" var="content">
                    <li><a href="${content.url}" target="_blank">${content.title}</a></li>
                </c:forEach>
            </ul>
            <h2>
                <p class="tj_t2">点击排行</p>
            </h2>
            <ul>
                <c:forEach items="${contentsTop10}" var="content"  begin="0" end="4">
                    <li><a href="${content.url}" target="_blank">${content.title}</a></li>
                </c:forEach>
            </ul>
        </div>
        <div class="links">
            <h2>
                <p>友情链接</p>
            </h2>
            <ul>
                <li><a href="/">当前</a></li>
            </ul>
        </div>
        <div class="copyright">
            <ul>
                <p> Design by <a href="/">DanceSmile</a></p>
                <p>蜀ICP备11002373号-1</p>
                </p>
            </ul>
        </div>
    </aside>
    <script src="${CTPATH}/js/silder.js"></script>
    <div class="clear"></div>
    <!-- 清除浮动 -->
</div>
</body>
</html>
